<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>11元素的隐藏display和visibility</title>
    <style>
        .box-hidden {
            /* 
                不展示来隐藏，不会保留原来的位置
            */
            display: none;
        }

        .box-hidden2 {
            /* 
                不展示来隐藏，保留原来的位置
                不会获取焦点，如果是 input 框，tab 不会切换到这个元素上
            */
            visibility: hidden;
        }
    </style>
</head>

<body>
    <div>2019年7月，河南省商丘市睢县匡城镇男子吴某通过多名中间人</div>
    <div class="box-hidden">我是一个隐藏文字</div>
    <div>花费10.5万元买来一名缅甸女子孟娜娜（音）当媳妇。</div>
    <hr>
    <div>2019年7月，河南省商丘市睢县匡城镇男子吴某通过多名中间人</div>
    <div class="box-hidden2">我是一个隐藏文字</div>
    <div>花费10.5万元买来一名缅甸女子孟娜娜（音）当媳妇。</div>
    <input type="text" class="box-hidden2">

</body>

</html>